<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
          type="text/css">
    <link rel="stylesheet" href="/index/css/main.css" type="text/css">
</head>
<title>二手房东</title>
<body>
<nav class="navbar navbar-expand-md bg-primary navbar-dark">
    <div class="container">
        <a class="navbar-brand" href="{:url('index')}">二房东投资管理</a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
                data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false"
                aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse text-center justify-content-end" id="navbar2SupportedContent">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="{:url('fangyuan')}"><i class="fa d-inline fa-lg fa-bookmark-o"></i> 房源管理</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#"><i class="fa d-inline fa-lg fa-envelope-o"></i> 财务管理</a>
                </li>
            </ul>
            <a class="btn navbar-btn btn-primary ml-2 text-white"><i class="fa d-inline fa-lg fa-user-circle-o"></i>
                登入/退出</a>
        </div>
    </div>
</nav>
<div class="pt-0 mt-0 text-center text-white">
    <div class="container bg-light">
        <div class="row">
            <div class="col-12 p-0 y-0"><img class="img-fluid d-block" src="/index/image/banner.jpg"></div>
        </div>
        <div class="row bg-light py-0 fixed-bottom">
            <div class="px-1 pt-2 col-3 bg-dark">
                <i class="d-block  fa fa-2x fa-home"></i>
                <h6 class="my-1 ">房源管理</h6>
            </div>
            <div class="col-3 bg-primary  px-1 pt-2"><i class="d-block fa fa-2x fa-user"></i>
                <h6 class="my-1 ">租户管理</h6>
            </div>
            <div class="col-3 bg-primary  px-1 pt-2"><i class="d-block fa fa-2x fa-copy"></i>
                <h6 class="my-1 ">合同管理</h6>
            </div>
            <div class="col-3 bg-primary  px-1 pt-2"><i class="d-block fa fa-2x fa-edit"></i>
                <h6 class="my-1 ">财务管理</h6>
            </div>
        </div>
    </div>
    <div class="row mt-3 mb-1 mx-0 p-0">
        <div class="col-4 p-1">
            <div class="btn btn-sm btn-primary">
                最新房源<span class="label label-pill label-danger ml-1">11</span>
            </div>
        </div>
        <div class="col-4 p-1">
            <div class="btn btn-sm btn-light">租赁到期<span class="label label-pill label-danger ml-1">11</span></div>
        </div>
        <div class="col-4 p-1">
            <div class="btn btn-sm btn-light">出租到期<span class="label label-pill label-danger ml-1">11</span></div>
        </div>
        <div class="col-12">
            <hr>
        </div>
    </div>
    <div class="row my-2 mx-0 p-0">
        <div class="col-8 px-2 text-left">
            <h5 class="text-dark">蓝都华城1幢1单元501</h5>
            <h6 class="text-dark ">地址：江北解放西路916号</h6>
            <h6 class="text-danger">合同期：2012/08/14—2017/09/24</h6>
        </div>
        <div class="col-4 px-0">
            <h6 class="text-dark">房东:张先生</h6>
            <div class="btn btn-sm btn-primary mt-2">电话联系</div>
        </div>
        <div class="col-12">
            <hr>
        </div>
    </div>
    <div class="row my-2 mx-0 p-0">
        <div class="col-8 px-2 text-left">
            <h5 class="text-dark">蓝都华城1幢1单元501</h5>
            <h6 class="text-dark ">地址：江北解放西路916号</h6>
            <h6 class="text-danger">合同期：2012/08/14—2017/09/24</h6>
        </div>
        <div class="col-4 px-0">
            <h6 class="text-dark">房东:张先生</h6>
            <div class="btn btn-sm btn-primary mt-2">电话联系</div>
        </div>
        <div class="col-12">
            <hr>
        </div>
    </div>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js"
        integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"
        integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
        crossorigin="anonymous"></script>
</body>

</html>